<section class="panel">
  <header class="panel-heading">
    <div class="input-group text-small">
      <input type="text" class="input-small form-control" placeholder="Search">
      <div class="input-group-btn">
        <button type="button" class="btn btn-small btn-white dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu pull-right">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div>
    </div>
  </header>
  <ul class="list-group list-group-flush m-t-n">
    {% for user in users%}
    <li class="list-group-item">
      <form class="media" action="/user/delUserByAccount" method="POST">
        <span class="pull-left thumb-small"><img src="/static/user/avatar/.jpg" alt="John said" class="img-rounded"></span>
        <div class="pull-right">
          <button type="button" class="btn btn-info btn-update">update</button>
          <button type="submit" class="btn btn-danger btn-delete">Delete</button>
        </div>
        <div class="media-body">
          <input type="hidden" name="user_account" value={{user.user_account}}>
          <div><a href="#" class="h5">{{user.user_account}}</a></div>
          <small class="text-muted">{{user.user_pwd}}</small>
        </div>
      </form>
    </li>
    {% endfor %}
  </ul>
</section>          